<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!--头部信息-->
		<div class="header clearfix">
			<div class="header-left pull-left">
				<!--在a和span加上文字的目的：有利于SEO（搜索引擎）优化-->
				<a href="http://pan.baidu.com">百度云盘</a>
				<span id="">
					客户端下载
				</span>
			</div>
			<div class="header-right pull-right">
				<a href="" id="firstMac">Mac同步盘更新说明</a>
				<span id="">
					|
				</span>
				<a href="http://www.baidu.com/">百度首页</a>
				<span id="">
					|
				</span>
				<a href="http://tieba.baidu.com/f?kw=%B0%D9%B6%C8%CD%F8%C5%CC">官方贴吧</a>
				<span id="">
					|
				</span>
				<a href="http://pan.baidu.com/disk/version">版本更新</a>
			</div>
		</div>
		<!--下载平台选择-->
		<div class="download-menu">
			<!--清除浮动，li的父元素ul没有设置高度-->
			<ul class="tab-menu clearfix">
				<li><a href="">
					<span id="">
						Windows
					</span>
				</a></li>
				<li><a href="">
					<span id="">
						Android
					</span>
				</a></li>
				<li><a href="">
					<span id="">
						iPhone
					</span>
				</a></li>
				<li><a href="">
					<span id="">
						iPad
					</span>
				</a></li>
				<li><a href="">
					<span id="">
						WP
					</span>
				</a></li>
				<li><a href="">
					<span id="">
						MAC
					</span>
				</a></li>
			</ul>
		</div>
		<!--对应平台的信息-->
		<div id="download-info">
			<div id="download-info-content">
				<div id="download-info-text">
					<p>大小：11.74M 版本：Mac版 V2.2.2</p>
                    <p>适应系统：Mac OS X 10.10+</p>
                    <p>更新时间：2018-06-11</p>
                    <a href="">下载MAC版</a>
				</div>
				
			</div>
		</div>
		<!--下载方式-->
		<div id="download-method">
			<div class="download-method-content clearfix">
				<div class="download-method-content-left pull-left">
					<p>免费发送短信下载移动客户端</p>
					<input type="text" placeholder="请输入手机号" />
					<input type="text" placeholder="验证码" />
					<img src="img/genimage.jpeg"/>
					<button>发送短信</button>
				</div>
				<div class="download-method-content-right pull-right clearfix">
					<div class="code-left pull-left">
						<p>扫描二维码下载</p>
					    <p>使用手机上的二维码扫描软件扫描，直接下载百度网盘。</p>
					</div>
					<div class="code-right pull-right">
						<img src="img/baidu_app_link.png"/>
					</div>
				</div>
			</div>
		</div>
		<!--底部版权-->
		<div id="footer">
			<a href="https://pan.baidu.com/platform/home">©2018 Baidu 移动开放平台 </a>
			<span>|</span>
			<a href="https://pan.baidu.com/disk/duty/">服务协议 </a>
			<span>|</span>
			<a href="http://yun.baidu.com/disk/privacy">权利声明</a>
			<span>|</span>
			<a href="http://yun.baidu.com/disk/version">版本更新 </a>
			<span>|</span>
			<a href="http://yun.baidu.com/disk/help">帮助中心</a>
			<span>|</span>
			<a href="http://copyright.baidu.com/index.php/index/complaint">版权投诉</a>
		</div>
	</body>
</html>
